/*CUSTOM CSS*/
body{color:#333; background: #efeee6; font:14px/1.8 "寰蒋闆呴粦", "arial", "Verdana"}
body, html, header, footer { min-width:1200px; width:expression(document.body.clientWidth < 1200? "1200px": "100%" )/*鏈�灏忓搴﹁缃�*/}
p, ul, li{ margin: 0; padding: 0; list-style: none;}
a {text-decoration:none;}
a:hover{ text-decoration:none; }
a:-webkit-any-link { text-decoration: none;}
a:hover,
a:focus {
  color: #8c502c;
  text-decoration: none;
	outline:none;
}
.container {width:1200px;}
.container1060{width:1060px; margin: 0 auto;}
.container890{width:890px; margin: 0 auto;}

.bg-orange{ background-color:#ffaa00;}
.bg-white{ background-color:#fff;}
.bg-ochre{ background-color:#8c502c;}
.bg-333{ background-color:#333;}
.bg-grey1{ background-color:#f7f6f2;}
.bg-grey{ background-color:#fcfaf8;}
.mar-l3{ margin-left:3%;}
.mar-l20{ margin-left:20px;}
.mar-l30{ margin-left:30px;}
.mar-r80{ margin-right:80px;}
.mar-r3{ margin-right:3%;}
.mar-t8{ margin-top:8px;}
.mar-t1{ margin-top:1px;}
.mar-t10{ margin-top:10px;}
.mar-t15{ margin-top:15px;}
.mar-t20{ margin-top:20px;}
.mar-t30{ margin-top:30px;}
.mar-t40{ margin-top:40px;}

.mar-b8{ margin-bottom:8px;}
.mar-b20{ margin-bottom:20px;}
.ft-grey6{ color:#666;}
.ft-grey8{ color:#888;}
.ft-grey8 a{ color:#888;}
.ft-grey8 a:hover{ color:#8c502c;}
.ft-grey9{ color:#999;}
.ft-grey9 a{ color:#999;}
.ft-grey9 a:hover{ color:#258ecb;}
.ft-ochre{ color:#8c502c;}
.ft-ochre a{ color:#8c502c;}
.ft-ochre a:hover{ color:#888;}
.ft-red { color:#fe4d3d;}
.ft-orange{ color: #ffaa00;}
.ft-orange a{ color: #ffaa00;}
.ft-orange a:hover{ color: #333;}


.ft-bold{ font-weight:bold;}
.ft-bold600{ font-weight:600;}
.ft-a{font-family:"Arial";}

.wid300 { width:300px;}
.wid400 { width:400px;}
.hei3 { height:3px;}
.hei20 { height:20px;}
.hei40 { height:40px;}
.hei50 { height:50px;}
.hei90 { height:90px;}
.hei310 { height:310px;}
.ft12{ font-size:12px;}
.ft14{ font-size:14px;}
.ft16{ font-size:16px;}
.ft18{ font-size:18px;}
.ft24{ font-size:24px;}
.ft30{ font-size:30px;}
.label{ font-weight:normal;}
.img-circle-3 { border-radius: 3px;}
.btn-yellow{ background:#f2cc29; }
.pad20{ padding:20px;}
.pad10-20{ padding:10px 20px;}
.pad-t5 { padding-top:5px;}
.pad-l15 { padding-left:15px;}
/*HEADER*/


/*index-HEADER*/
.in-banner{ position: relative;  background-image: url(../img/banner-img.png); background-repeat: repeat-x; background-position: bottom; width: 100%;}
.in-banner .txt-box{ position: absolute; left: 50%; top: 40px; margin-left: -600px; width: 1200px;}
.in-banner .txt-box .txt-img{ margin-top: 100px; margin-left: 100px; background:url(../img/txt.png) no-repeat; width: 525px; height: 90px;}
.in-banner .txt-box .pic-img{ margin-right: 80px; background:url(../img/img.png) no-repeat; width: 396px; height: 378px;}
.in-code{ margin-left: 158px; margin-top: 140px;}
.in-code .ti {float: left; background-color: transparent; width: 50px; height: 50px; padding: 0;}
.in-code.open .dropdown-menu{ margin: 0; padding: 0; margin-top: 50px; margin-left: -30px; border: none; border-radius:0; min-width: 108px;  width: 108px; height: 108px;}
.in-banner .logo-box { position: absolute; z-index: 999; width: 100%;}
.logo{ background:url(../img/logo.png) no-repeat; width:375px; height:60px;}
.drop-menu{float:left; width:30px; margin-top:48px;}
.drop-menu .btn-bg{ padding:0 5px; background-color: #d6870f;}
.drop-menu .dropdown-menu{ margin-top: 0;}
.open > .btn-bg { background-color:#8c502c;}
.in-downmenu { padding:5px 10px; background-color: #8c502c;}
.in-downmenu > li > a{ border-radius:3px; background-color: #d6870f; margin:5px 0; color:#8c502c;}
.in-downmenu > li > a:hover, .in-downmenu > li > a:focus { color: #fff; text-decoration: none; background-color: #8c502c;}
/*menu*/
.nav-menu {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size:16px;
  font-weight:500;
  color:#fff;
}
.nav-menu > li {
  position: relative;
  display: block;
}
.nav-menu > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
  margin: 0 5px;
  color:#000;
}
.nav-menu > li > a:hover{
	text-decoration: none;
	color: #fff;
/* 	border-bottom:2px #ad7b16 solid;  */
}
.nav-menu > li > a:focus {
  text-decoration: none;
}
.nav-menu li.open > a {
  text-decoration: none;
/*   border-top:2px #fde009 solid;  */
/*   border-bottom:2px #362e2b solid;  */
  background-color: #362e2b;
  color:#fff;
}
.nav-menu-tabs > li {float: left;}
.nav-menu-tabs > li > a:hover {border-bottom-color: #fde009 !important;}
.nav-menu-tabs > li.open > a:hover {border-bottom-color: #362e2b !important;}
.nav-menu .dropdown-menu {
	background-color: #362e2b;  border-radius:0; margin-top:0; border-top:none; margin-left:4px;
}
.nav-menu .dropdown-menu > li > a {
  display: block;
  padding: 10px 20px;
  clear: both;
  border-bottom:1px #5e5855 solid;
  font-weight: normal;
  line-height: 1.42857143;
  color: #ffaa00;
  white-space: nowrap;
}
.nav-menu .dropdown-menu > li > a:hover,
.nav-menu .dropdown-menu > li > a:focus {
  color: #fde009;
  text-decoration: none;
  background-color: #2f2622;
}
.user-txt a{ color:#8c502c;}
.user-txt a:hover{ color:#fff;}
.user-box .b-login{ color:#8c502c;}
.user-box i { float:left; margin-right:15px; background:url(../img/icon-userimg.png) no-repeat; width:24px; height:24px; display:inline-table;}
.user-box i img{ vertical-align:top;}
.user-box .a-login{ position:relative;}
.user-box .a-login .label{position:absolute; top:5px; right:-7px; text-align:center; font-family:"Arial, Helvetica, sans-serif"; font-size:6px; padding:2px 3px; line-height:.9}
.user-box .a-login i.on{background:url(../img/icon-userimg-on.png) no-repeat; width:24px; height:24px;}
/* index */
.in-list-ti { line-height: 60px;}
.in-list-ti i { float:left; background: url(../img/icon01.png) no-repeat; width: 60px;  height: 60px;}
.tag { position: relative; z-index:1;}
.tag a { display: inline-table; padding: 5px 20px; margin: 0 5px; border: 1px #ddd solid; background-color: #fff; color: #444;}
.tag a:hover{border: 1px #ccc solid; color: #ffaa00; }
.tag a.on{ color: #ffaa00; background: #efeee6;}
.list-box{ background: #fff; padding: 5px; height:100%; margin: 15px 0; cursor: pointer;}
.list-box:hover { background: #f7f7f3;}
.icon-stars { line-height: 0; color: #fd5c01; }
.icon-stars > div {position: relative; float: left; margin: 0; padding: 0; height: 14px; width: 90px; background:url(../img/icon-stars.png); text-align: left; }
.icon-stars > div p{ position: absolute; z-index: 999;}
.icon-stars > div i{ position: absolute; z-index: 900; display: inline-table; margin: 0; padding: 0; height: 14px; background:url(../img/icon-stars-on.png)}
.icon-stars > div a{ display: inline-table; margin-right:2px; padding: 0; width:16px; height: 14px; cursor: pointer;}
.icon-stars .txt{ float: left; margin-left:5px; padding: 0; line-height:14px;}
.icon-stars { line-height: 0; color: #eeaa00; }
.icon-stars1 > div {position: relative; float: left; margin: 0; padding: 0; height: 12px; width: 80px; background:url(../img/icon1-stars.png); text-align: left; }
.icon-stars1 > div p{ position: absolute; z-index: 999;}
.icon-stars1 > div i{ position: absolute; z-index: 900; display: inline-table; margin: 0; padding: 0; height: 12px; background:url(../img/icon1-stars-on.png)}
.icon-stars1 > div a{ display: inline-table; margin-right:2px; padding: 0; width:16px; height: 12px; cursor: pointer;}
.icon-stars1 .txt{ float: left; margin-left:5px; padding: 0; line-height:12px;}
.s-cart{ padding: 0 10px; background-color: #8c502c; color: #fde009; height: 30px; line-height: 30px; cursor: pointer;}
.s-cart i{ float:left; margin-right: 10px; margin-top: 5px; background: url(../img/icon-cart.png) no-repeat; width: 20px; height: 18px; }
.s-cart em{ float:left; padding: 0 5px; margin-left: 5px; margin-top: 3px; list-style: none; background:#fde009; color:#8c502c; height: 16px; font:12px/1.4 "arial"; font-weight: 600; border-radius: 20px;}
/* list */
.search{ width: 250px;}
.search .form-control { color: #8c502c;background-color: #ffaa00;background-image: none; border: 1px solid #d49409;}
.search .btn {border: 1px solid #d49409; background-color: #ffaa00; outline: none;height: 34px;}
.list-ti { line-height:30px;}
.list-ti i { float:left; background: url(../img/img-icon.png) no-repeat; width:30px;  height: 30px;}
.list-ti-box{ border: 1px #ddd solid; border-radius: 5px 5px 0 0; border-top: 3px #ffaa00 solid; background: #fff; height: 100%;}
.carte-tag a{ display: inline-table; padding: 5px 30px; margin: 5px 10px; background: #efeee6; border-radius: 3px; color: #444;}
.carte-tag a:hover{ background: #e1e0db;}
.carte-tag a.on{ background: #ffaa00;}
/* tab-鐐归鍗� */
.carte-tab{ height:50px; line-height:50px;}
.carte-tab li{ list-style:none;}
.carte-tab .icon-box { padding:0; margin:0;}
.carte-tab .icon-box > li{float:left; padding:0;  text-align:center;}
.carte-tab .icon-box > li a{ display:block; margin:0 30px; color:#444; height:50px; line-height:50px;  }
.carte-tab .icon-box > li > a:hover { text-decoration:none; color: #ffaa00;}
.carte-tab .icon-box > li.active > a,
.carte-tab .icon-box > li.active > a:hover,
.carte-tab .icon-box > li.active > a:focus {cursor: default; text-decoration:none; border-bottom: 2px #ffaa00 solid; color: #ffaa00;}
.carte-list .list-box { padding: 15px;}
.line-r{ border-right: 1px #c37e16 dashed;}

.msg{text-align:center; background:#efeee6; height:36px; line-height:36px; color:#333; cursor: pointer;}
/* shopping-carte */
.fr {
	float: right
}

.fl {
	float: left
}
.shopping-cart {
	position:relative;
	font-size: 14px
}

.shopping-cart .footer {
	padding: 0;
	background-color: #333;
	z-index: 1;
	position: relative;
	height: 50px;
	margin-top: -1px;
	cursor: pointer;
}

.shopping-cart .logo {
	width: 24px;
	height: 23px;
	position: absolute;
	top: 13px;
	left: 10px;
	background: url(../img/shop-car.png) no-repeat;
	background-size: 100% 100%
}

.shopping-cart .logo .icon {
	margin: 10px 0 0 8px
}

.shopping-cart .brief-order {
	color: #fff;
	padding-top: 12px;
	padding-left: 60px
}

.shopping-cart .brief-order .price {
	font-size: 24px; line-height: 28px;
}

.shopping-cart .brief-order .price i {
	font-size: 14px;
	margin-right: 2px;
	font-style:normal;
}

.shopping-cart .brief-order .count {
	position: absolute;
	left: 26px;
	background: #ff5a5a;
	padding: 1px 5px;
	border-radius: 9px;
	color: #fff;
	font-size: 12px;
	top: 7px;
	line-height: 1;
}

.shopping-cart .go-pay,.shopping-cart .go-pay:active {
	background-color: #ffaa00
}

.shopping-cart .go-pay,.shopping-cart .ready-pay {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center
}

.shopping-cart .go-pay {
	color: #333;
	font-weight: 600;
	padding: 0 23px;
	display: none;
	border: 0;
	cursor: pointer;
	border-radius: 0
}

.shopping-cart .ready-pay {
	background-color: #a0a0a0;
	display: inline-block;
	color: #fff;
	padding: 0 15px;
	border-radius: 0
}

.shopping-cart .order-list {
	background-color: #FFF;
}
.shopping-cart .order-list .cp {
	line-height: 2.0;
	width: 340px;
}

.shopping-cart .title {
	color: #333;
	background-color: #fafafa;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	font-size: 14px
}

.shopping-cart .title .ti-price {
	margin-left: 47px;
	white-space: nowrap
}

.shopping-cart .title .dishes {
	white-space: nowrap
}

.shopping-cart .dishes .clear-cart i {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/icon-del.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 10px
}

.shopping-cart .dishes .clear-cart {
	color: #333
}

.shopping-cart ul li {
	border-bottom: 1px solid #E5E5E5;
	margin: 0 10px
}

.shopping-cart ul li .pri {
	color: #ffa735
}

.shopping-cart .sell-out-box {
	background-color: #eee
}

.shopping-cart .sell-out-box .na {
	color: #898989
}

.shopping-cart .sell-out-box .sell-out {
	width: 56px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
	background-color: #f5f5f5;
	border: 1px solid #bfbfbf;
	color: #bfbfbf
}

.shopping-cart .na {
	width: 138px;
	margin: 16px 0 14px
}

.shopping-cart .na-attr {
	font-size: 12px;
	color: #898989
}

.shopping-cart .pri {
	line-height: 60px;
	width: 52px;
	text-align: right;
	white-space: nowrap;
}

.shopping-cart .modify {
	padding-top: 22px;
	font-size: 12px
}

.shopping-cart .modify a {
	width: 16px;
	height: 16px;
	line-height: 12px;
	border: 1px solid #E5E5E5;
	display: inline-block;
	letter-spacing: 0;
	color: #333;
	text-align: center
}

.shopping-cart .modify .minus {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}

.shopping-cart .modify .plus {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px
}

.shopping-cart .modify input {
	width: 28px;
	display: inline-block;
	height: 16px;
	padding: 0 3px;
	line-height: 16px;
	border: 1px solid #E5E5E5;
	border-left: 0;
	border-right: 0;
	border-color: #E5E5E5;
	text-align: center
}

.shopping-cart .total {
	display: block;
	height: 54px;
	line-height: 54px;
	text-align: right;
	padding-right: 10px;
}

.shopping-cart .total span {
	margin: 0 3px;
	color: #fe4d3d
}

.shopping-cart .total span.bill {
	font-size: 28px;
	font-weight: 700;
	margin-right: 0;
}

.shopping-cart .other-charge .delivery-cost,.shopping-cart .other-charge .packing-cost {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 10px
}

.shopping-cart .other-charge .boxtotalprice,.shopping-cart .other-charge .shippingfee {
	color: #ffa735
}
.shopping-cart .first-to-app {
	height: 45px;
	padding-left: 20px;
	background-color: #f7f7f3;
	line-height: 45px;
	color: #333;
	z-index: 1
}
a,input,textarea {
	outline: 0
}

input[type=file]{
  display: none;
}

input,select,textarea {
	font-size: 100%;
	font-family: inherit
}
.shop-cart-list .na{ width: 700px;}
.btn-add { width: 100%;  padding: 30px 0; border: 1px #eee solid; outline: none;}
.btn-add:hover{  background-color: #efeee6;}
.addr-list{ position: relative; padding: 15px; border: 1px #eee solid;  width: 100%; cursor: pointer;}
.addr-list:hover, .addr-list.on{ border: 1px #fa9700 solid;}
.addr-list .txt{ display:none;}
.addr-list:hover .txt{ display: block;}
.addr-list:hover i, .addr-list.on i { position: absolute; right: 0; bottom: 0; display: inline-table; width: 24px; height: 24px;}
.addr-list:hover i {background: url(../img/icon-addr.png) no-repeat;}
.addr-list.on i{ background: url(../img/icon-addr-on.png) no-repeat; }
.btn-fold{ cursor:pointer; border-radius:0; width:150px; height:30px; line-height:30px; text-align:center; color:#999;}
.btn-fold:hover{ color:#333; background-color: #eee; }
.form-horizontal label { font-weight: normal;}
/* 閲嶇疆琛ㄦ牸闂磋窛楂樺害 */
.table{ margin-bottom:0 !important;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #f4f4f4;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 4px solid #efeee6; font-weight:bold; font-family:"瀹嬩綋"; padding:10px 8px;
}
.border-l{ border-left:1px #efeee6 solid;}
.line-hei-18{ line-height: 1.8;}

/* footer */
.line{ border-top:1px #ddd solid;}
.line01{ border-top:1px #ddd dashed;}

/* payment */
.payment-box { position: relative;  margin-top:10%;}
.payment-box .pic-img{ position: absolute; padding-top: 140px; padding-right: 50px; z-index: 2; background:url(../img/img.png) no-repeat; width: 396px; height: 378px;}
.payment-box .list-con{ position: absolute; margin-top: 100px; padding: 40px; padding-left: 360px; z-index: 1; line-height: 2.0; width: 900px; margin-left: 100px; height:200px;}
.btn-orange { color: #fff; background-color: #ff9000; border-color: #eea236; padding: 8px 30px; font-size: 16px;}
.btn-orange:focus, .btn-orange.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; outline:none;}
.btn-orange:hover { color: #fff; background-color: #ec971f; border-color: #d58512;}
.btn-orange:active:focus{ outline:none;}
.btn-shopping-up{cursor: pointer; position: absolute; width: 160px; height: 50px; z-index: 1;}

.left-btn01{ background:url(../img/left-btn01.png) no-repeat; width:40px; height:150px; display:block; position:absolute; top:50%;; margin-top:-75px; }
.right-btn01{ background:url(../img/right-btn01.png) no-repeat; width:40px; height:150px; display:block; position:absolute; top:50%; right:0; margin-top:-75px; }
